import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'
// https://vitejs.dev/config/
export default defineConfig({
  // root: process.cwd(),// 配置项定义了项目的根目录，即Vite将在哪里寻找项目文件。默认情况下，它被设置为当前工作目录。
  // base: '/', // 配置项指定了在构建时应用于静态资源的基础路径。如果你的项目将被部署到服务器的子路径上，你可以使用这个选项
  plugins: [vue()],
  // publicDir: 'public',
  // cacheDir: ".vite",
  server:{
    host:"0.0.0.0",
    port:3001,
    proxy: {
      '/api': {
          target: 'http://localhost:3003/',
          changeOrigin: true,
          rewrite: path => path.replace(/^\/api/, '')
      }
    }
  },
  // 目录别名配置
  resolve:{
    alias:{
      "@":path.join(__dirname,"src"),
    }
  },
  // css相关配置 sass postcss 等预处理器配置
  css: {
    postcss: {
      plugins: [
          {
            postcssPlugin: 'internal:charset-removal',
            AtRule: {
              charset: (atRule) => {
                if (atRule.name === 'charset') {
                  atRule.remove();
                }
              }
            }
          }
      ],
    },
  },
  // 打包构建配置
  build: {
    chunkSizeWarningLimit:1500,
    // outDir: 'dist',
    // assetsDir: 'static',
    rollupOptions: {
        output:{
            manualChunks(id) {
              if (id.includes('node_modules')) {
                
                  return id.toString().split('node_modules/')[1].split('/')[0].toString();
              }
          }
        }
    }
  }
})
